<%@ page language="java" pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<HTML>
<HEAD>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="${pageContext.request.contextPath}/css/Style1.css" rel="stylesheet"
          type="text/css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css"
          type="text/css"/>
    <script src="${pageContext.request.contextPath}/js/jquery-2.1.4.min.js"
            type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap-3.1.1.min.js"
            type="text/javascript"></script>



    <script type="text/javascript">
        function addCategory() {
            window.location.href = "${pageContext.request.contextPath}/admin/goAddCategory.do";
        }
    </script>
</HEAD>
<body>
<br>
<table cellSpacing="1" cellPadding="0" width="100%" align="center" bgColor="#f5fafe" border="0">
    <TBODY>
    <tr>
        <td class="ta_01" align="center" bgColor="#afd1f3">
            <strong>分类列表</strong>
        </TD>
    </tr>
    <tr>
        <td class="ta_01" align="right">
            <button type="button" id="add" name="add" value="添加" class="button_add"
                    onclick="addCategory()">
                &#28155;&#21152;
            </button>

        </td>
    </tr>
    <tr>
        <td class="ta_01" align="center" bgColor="#f5fafe">
            <table cellspacing="0" cellpadding="1" rules="all"
                   bordercolor="gray" border="1" id="DataGrid1"
                   style="BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; WIDTH: 100%; WORD-BREAK: break-all; BORDER-BOTTOM: gray 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #f5fafe; WORD-WRAP: break-word">
                <tr
                        style="FONT-WEIGHT: bold; FONT-SIZE: 12pt; HEIGHT: 25px; BACKGROUND-COLOR: #afd1f3">

                    <td align="center" width="18%">
                        序号
                    </td>
                    <td align="center" width="17%">
                        分类名称
                    </td>
                    <td width="7%" align="center">
                        编辑
                    </td>
                    <td width="7%" align="center">
                        删除
                    </td>
                </tr>
                <c:forEach items="${list}" var="list" varStatus="cd">
                    <tr onmouseover="this.style.backgroundColor = 'white'"
                        onmouseout="this.style.backgroundColor = '#F5FAFE';">
                        <td style="CURSOR: hand; HEIGHT: 22px" align="center"
                            width="18%">
                                ${list.cid}
                        </td>
                        <td style="CURSOR: hand; HEIGHT: 22px" align="center"
                            width="17%">
                                ${list.cname}
                        </td>
                        <td align="center" style="HEIGHT: 22px">
                            <a href="${pageContext.request.contextPath}/admin/goCategoryEdit.do?cname=${list.cname}&cid=${list.cid}">
                                <img src="${pageContext.request.contextPath}/images/i_edit.gif"
                                     border="0" style="CURSOR: hand">
                            </a>
                        </td>

                        <td align="center" style="HEIGHT: 22px">
                            <button type="button" class="btn btn-sm"
                                    data-toggle="modal" data-target="#myModal${cd.count}">
                                <img src="${pageContext.request.contextPath}/images/i_del.gif"
                                     width="16" height="16" border="0" style="CURSOR: hand">
                            </button>
                            <div class="modal fade bs-example-modal-sm" id="myModal${cd.count}"
                                 tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close"
                                                    data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" id="myModalLabel">确定删除吗</h4>
                                        </div>
                                        <div>
                                            ${list.cid}
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn"
                                                    data-dismiss="modal">取消
                                            </button>
                                            <button type="button" class="btn"
                                                    onclick="elete('${list.cid}')">确认
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </c:forEach>
            </table>
        </td>
    </tr>
    </TBODY>
</table>
</body>
<script>
    function elete(e) {
        location.href = "${pageContext.request.contextPath}/admin/adminCategoryDelete.do?cid=" + e;
    }
</script>
</HTML>

